import React from "react";
import SideMenu from "../../components/sandBox/SideMenu";
import TopHeader from "../../components/sandBox/TopHeader";
import NewsRouter from "../../components/sandBox/NewsRouter";
import { Layout } from "antd";
import "./index.css";
const { Content } = Layout;

export default function newSandBox() {
  return (
    <Layout>
      {/* 主页侧边栏区域 */}
      <SideMenu></SideMenu>
      <Layout className="site-layout">
        {/* 主页顶部导航栏区域*/}
        <TopHeader></TopHeader>
        {/* 主页内容区域 */}
        <Content
          className="site-layout-background"
          style={{
            margin: "24px 16px",
            padding: 24,
            minHeight: 280,
            // 超出自动添加滚动条
            overflow: "auto",
          }}
        >
          <NewsRouter></NewsRouter>
        </Content>
      </Layout>
    </Layout>
  );
}
